@charset "utf-8";
/*base*/
.reg-panel{	width: 100%;height: 42px;border-bottom: 1px solid #ebebeb;padding: 6px;line-height: 30px;background:#FFF;}
.reg-btn-panel{width: 100%;height: 50px;padding: 10px 10px;line-height: 30px;background:#fafafa}
.reg-title{float:left;width:100px;text-align:right;font-size:14px;color: #4b4b4b;}
.reg-text{margin-left:100px;}
.reg-panel img{float:right;width:90px;height:30px;background:#69c9d1;border-radius: 5px;}
.reg-text select{width:90%;border:0px;height:30px;padding:5px;}
.reg-text input{width:90%;border: 0px;height:30px;padding:5px;color: #4b4b4b;font-family: 'microsoft yahei','\534E\6587\7EC6\9ED1',Verdana,Arial,Helvetica,sans-serif;font-size:14px}
.reg-btn{display:block;padding:5px 10px;width:60%;height:40px;line-height:30px;font-size:16px;color:#FFF;background:#0065ca;border-radius: 20px;margin:auto;}
.reg-btn:link, .reg-btn:visited, .reg-btn:hover { color:#FFF;background:#0065ca;}



/*bg*/
.bg-panel {position: absolute; width: 100%; height:100%; left:0px; top:0px; z-index:1;overflow: hidden;}
.bg-div {position: relative; width: 100%; height:100%; left:0px; top:0px; bottom:0px;right:0px;}
.bg-three {position: absolute; top:120px; left:0px;z-index:3;}
.bg-yun {position: absolute; top:0px; right:0px;z-index:2;}

.page-content{position: absolute; width: 100%; height:100%; left:0px; top:0px;}

.clsLogo{-webkit-animation: MyFanpai 1s 0.2s ease both; -moz-animation: MyFanpai 1s 0.2s ease both;}
.clsLogo{position: absolute; width:30%; text-align:center; top:30px; left:30px;z-index: 100;}
.clsLogo img{width: 100%;}

.bgAnimYunL{-webkit-animation: MyShakeL 5s linear infinite alternate; -moz-animation: MyShakeL 4s linear infinite alternate;}
.bgAnimYunR{-webkit-animation: MyShakeR 5s linear infinite alternate; -moz-animation: MyShakeR 4s linear infinite alternate;}

/*公司介绍*/
.p1-pepel{position: absolute; left:50px; top:80px; z-index:100;}

.p1AnimFadeinT{-webkit-animation: FadeInT 1s 1s ease both; -moz-animation: FadeInT 1s 1s ease both;}
.p1AnimFadeinB{-webkit-animation: FadeInB 1s 1s ease both; -moz-animation: FadeInB 1s 1s ease both;}


.p7-pepel{position: absolute; left:22px; top:80px; z-index:100;}

.p7Anim1{-webkit-animation: FadeInT 1s 1s ease both; -moz-animation: FadeInT 1s 1s ease both;}
.p7Anim2{-webkit-animation: FadeIn 1s 1.6s ease both; -moz-animation: FadeInT 1s 1.8s ease both;}

.p7Anim5{-webkit-animation: BounceIn 1s 2.1s ease both; -moz-animation: BounceIn 1s 3.2s ease both;}
.p7Anim6{-webkit-animation: BounceIn 1s 2.3s ease both; -moz-animation: BounceIn 1s 3.4s ease both;}
.p7Anim7{-webkit-animation: BounceIn 1s 2.5s ease both; -moz-animation: BounceIn 1s 3.6s ease both;}

.p7Anim3{-webkit-animation: FadeInL 1s 3.4s ease both; -moz-animation: FadeInL 1s 1.8s ease both;}
.p7Anim4{-webkit-animation: FadeInR 1s 3.4s ease both; -moz-animation: FadeInR 1s 1.8s ease both;}


.p12-pepel{position: absolute; left:22px; top:36px; z-index:100;}
.p12Anim3{-webkit-animation: FadeInT 1s 1s ease both; -moz-animation: FadeInT 1s 1s ease both;}
.p12Anim5{-webkit-animation: BounceInT 1s 1.6s ease both; -moz-animation: FadeInT 1s 1s ease both;}
.p12Anim6{-webkit-animation: BounceInT 1s 1.8s ease both; -moz-animation: FadeInT 1s 1s ease both;}
.p12Anim7{-webkit-animation: BounceInT 1s 2s ease both; -moz-animation: FadeInT 1s 1s ease both;}

.p12Anim9{-webkit-animation: FadeInT 1s 2.8s ease both; -moz-animation: FadeInT 1s 1s ease both;}
.p12Anim8{-webkit-animation: FadeInB 1s 2.8s ease both; -moz-animation: FadeInB 1s 1s ease both;}

.p12Anim10{-webkit-animation: BounceIn 1s 3.5s ease both; -moz-animation: FadeInB 1s 1s ease both;}
.p12Anim11{-webkit-animation: BounceIn 1s 3.7s ease both; -moz-animation: FadeInB 1s 1s ease both;}
.p12Anim12{-webkit-animation: BounceIn 1s 3.9s ease both; -moz-animation: FadeInB 1s 1s ease both;}
.p12Anim13{-webkit-animation: BounceIn 1s 4.1s ease both; -moz-animation: FadeInB 1s 1s ease both;}
.p12Anim14{-webkit-animation: BounceIn 1s 4.3s ease both; -moz-animation: FadeInB 1s 1s ease both;}
.p12Anim15{-webkit-animation: BounceIn 1s 4.5s ease both; -moz-animation: FadeInB 1s 1s ease both;}

.p13-pepel{position: absolute; left:0px; top:0px; z-index:100;}

.p13-1{-webkit-animation: FadeInL 1s 0.2s ease both; -moz-animation: FadeInL 1s 0.2s ease both;}
.p13-1{position: absolute; width:100%; text-align:center; top:180px; left:0px;z-index: 200;}

.p13-2{-webkit-animation: FadeInR 1s 0.2s ease both; -moz-animation: FadeInR 1s 0.2s ease both;}
.p13-2{position: absolute; width:100%; text-align:center; top:180px; left:0px;z-index: 200;}

/*左右摇晃*/
@-webkit-keyframes MyShakeL
{
0%{-webkit-transform:translateX(-100);}
100%{-webkit-transform:translateX(100px);}
}

@-moz-keyframes MyShakeL
{
0%{-moz-transform:translateX(-100);}
100%{-moz-transform:translateX(100px);}
}


/*左右摇晃*/
@-webkit-keyframes MyShakeR
{
0%{-webkit-transform:translateX(20);}
100%{-webkit-transform:translateX(-20px);}
}

@-moz-keyframes MyShakeR
{
0%{-moz-transform:translateX(20);}
100%{-moz-transform:translateX(-20px);}
}


@-webkit-keyframes MyFanpai
{
0%{-webkit-transform:rotateY(-90deg);}
100%{-webkit-transform:rotateY(0);}
}
@-moz-keyframes MyFanpai
{
0%{-moz-transform:rotateY(-90deg);}
100%{-moz-transform:rotateY(0);}
}

/*淡入*/
@-webkit-keyframes FadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes FadeIn{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes FadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes FadeIn{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes FadeInBack{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes FadeInBack{0%{opacity:1;}100%{opacity:0;}}

/*上淡入*/
@-webkit-keyframes FadeInT{0%{opacity:0;-webkit-transform:translateY(-100px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes FadeInT{0%{opacity:0;-moz-transform:translateY(-100px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes FadeInT{0%{opacity:0;-ms-transform:translateY(-100px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes FadeInT{0%{opacity:0;transform:translateY(-100px);}100%{opacity:1;transform:translateY(0);}}

/*左淡入*/
@-webkit-keyframes FadeInL{0%{opacity:0;-webkit-transform:translateX(-100px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes FadeInL{0%{opacity:0;-moz-transform:translateX(-100px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes FadeInL{0%{opacity:0;-ms-transform:translateX(-100px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes FadeInL{0%{opacity:0;transform:translateX(-100px);}100%{opacity:1;transform:translateX(0);}}

/*右淡入*/
@-webkit-keyframes FadeInR{0%{opacity:0;-webkit-transform:translateX(100px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes FadeInR{0%{opacity:0;-moz-transform:translateX(100px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes FadeInR{0%{opacity:0;-ms-transform:translateX(100px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes FadeInR{0%{opacity:0;transform:translateX(100px);}100%{opacity:1;transform:translateX(0);}}

/*下淡入*/
@-webkit-keyframes FadeInB{0%{opacity:0;-webkit-transform:translateY(100px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes FadeInB{0%{opacity:0;-moz-transform:translateY(100px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes FadeInB{0%{opacity:0;-ms-transform:translateY(100px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes FadeInB{0%{opacity:0;transform:translateY(100px);}100%{opacity:1;transform:translateY(0);}}

/*弹入*/
@-webkit-keyframes BounceIn{0%{opacity:0;-webkit-transform:scale(0.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes BounceIn{0%{opacity:0;-moz-transform:scale(0.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}}
@-ms-keyframes BounceIn{0%{opacity:0;-ms-transform:scale(0.3);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}}
@keyframes BounceIn{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}

/*上弹入*/
@-webkit-keyframes BounceInT{0%{opacity:0;-webkit-transform:translateY(-100px);}50%{opacity:1;-webkit-transform:translateY(30px);}70%{-webkit-transform:translateY(-10px);}100%{-webkit-transform:translateY(0px);}}
@-moz-keyframes BounceInT{0%{opacity:0;-moz-transform:translateY(-100px);}60%{opacity:1;-moz-transform:translateY(30px);}80%{-moz-transform:translateY(-10px);}100%{-moz-transform:translateY(0);}}
@-ms-keyframes BounceInT{0%{opacity:0;-ms-transform:translateY(-100px);}60%{opacity:1;-ms-transform:translateY(30px);}80%{-ms-transform:translateY(-10px);}100%{-ms-transform:translateY(0);}}
@keyframes BounceInT{0%{opacity:0;transform:translateY(-100px);}60%{opacity:1;transform:translateY(30px);}80%{transform:translateY(-10px);}100%{transform:translateY(0);}}

/*右弹入*/
@-webkit-keyframes BounceInR{0%{opacity:0;-webkit-transform:translateX(100px);}60%{opacity:1;-webkit-transform:translateX(-30px);}80%{-webkit-transform:translateX(10px);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes BounceInR{0%{opacity:0;-moz-transform:translateX(100px);}60%{opacity:1;-moz-transform:translateX(-30px);}80%{-moz-transform:translateX(10px);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes BounceInR{0%{opacity:0;-ms-transform:translateX(100px);}60%{opacity:1;-ms-transform:translateX(-30px);}80%{-ms-transform:translateX(10px);}100%{-ms-transform:translateX(0);}}
@keyframes BounceInR{0%{opacity:0;transform:translateX(100px);}60%{opacity:1;transform:translateX(-30px);}80%{transform:translateX(10px);}100%{transform:translateX(0);}}

/*左弹入*/
@-webkit-keyframes BounceInL{0%{opacity:0;-webkit-transform:translateX(-100px);}60%{opacity:1;-webkit-transform:translateX(30px);}80%{-webkit-transform:translateX(-10px);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes BounceInL{0%{opacity:0;-moz-transform:translateX(-100px);}60%{opacity:1;-moz-transform:translateX(30px);}80%{-moz-transform:translateX(-10px);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes BounceInL{0%{opacity:0;-ms-transform:translateX(-100px);}60%{opacity:1;-ms-transform:translateX(30px);}80%{-ms-transform:translateX(-10px);}100%{-ms-transform:translateX(0);}}
@keyframes BounceInL{0%{opacity:0;transform:translateX(-100px);}60%{opacity:1;transform:translateX(30px);}80%{transform:translateX(-10px);}100%{transform:translateX(0);}}

/*下弹入*/
@-webkit-keyframes BounceInB{0%{opacity:0;-webkit-transform:translateY(100px);}60%{opacity:1;-webkit-transform:translateY(-30px);}80%{-webkit-transform:translateY(10px);}100%{-webkit-transform:translateY(0);}}
@-moz-keyframes BounceInB{0%{opacity:0;-moz-transform:translateY(100px);}60%{opacity:1;-moz-transform:translateY(-30px);}80%{-moz-transform:translateY(10px);}100%{-moz-transform:translateY(0);}}
@-ms-keyframes BounceInB{0%{opacity:0;-ms-transform:translateY(100px);}60%{opacity:1;-ms-transform:translateY(-30px);}80%{-ms-transform:translateY(10px);}100%{-ms-transform:translateY(0);}}
@keyframes BounceInB{0%{opacity:0;transform:translateY(100px);}60%{opacity:1;transform:translateY(-30px);}80%{transform:translateY(10px);}100%{transform:translateY(0);}}


